<script>
export default {
  components: {},
  data () {
    return {
      radio: 0,
      activeName: '1',
      tableData: [{
        type : 'SQL 注入',
        explanation: '最常见的注入形式，通过恶意拼接数据库语句，来实现非预期的功能'
      },{
        type : '系统命令注入',
        explanation: '通过拼接来执行非预期的操作系统指令'
      },{
        type : '表达式语言注入',
        explanation: 'Java 中常见的命令注入执行方式'
      },{
        type : '服务端模板注入',
        explanation: '使用模板引擎的语言常见的注入形式'
      },],
    };
  },
  computed: {
    isButtonDisabled() {
      return this.radio === 0;
    }
  },
  methods: {
    check(radio) {
      console.log(radio)
      if (radio === 3) {
        this.$message.success('恭喜你，答对啦！')
      } else {
        this.$message.error('很遗憾，答错啦！')
      }
    },
  }
}
</script>

<template>
  <div>
    <h1 align="center">1.4 OWASP Top Ten Project 漏洞基础</h1>
    <el-divider></el-divider>
    <h3>OWASP Project</h3>
    OWASP 是一个开放的 Web 安全社区，影响着 Web 安全的方方面面，OWASP 每隔一段时间就会整理更新一次 “Top 10” 的 Web 漏洞排名，对当前实际环境常见的漏洞进行罗列，虽然漏洞排名经常引起业界的争议，但是在开源环境下，该计划公布的漏洞也能够客观反映实际场景中的某些问题，因此，我们选择 OWASP Top Ten 来作为 Web 方向的漏洞入门介绍材料。
    <h3>注入</h3>
    用一个不严谨的说法来形容注入攻击，就是，本应该处理用户输入字符的代码，将用户输入当作了代码来执行，常见于解释型语言。主要有以下几种形式：
    <el-table
        :data="tableData"
        border
        style="width: 100%">
      <el-table-column
          prop="type"
          label="类型">
      </el-table-column>
      <el-table-column
          prop="explanation"
          label="说明">
      </el-table-column>
    </el-table>
    一个简单的例子如下所示，这是一段身份认证常见的代码：<br>
    SELECT * FROM users WHERE username = 'admin' and password = '123456'
    <br>
    这个查询接收用户输入的账号和密码，放入数据库中进行查询，如果查询有结果则允许用户登录。在这种情况下，攻击者可以注入用户名或密码字段，来修改整个 SQL 语句的逻辑，用户可以提交这样的用户名：
    <br>
    admin' -- -
    这时，应用程序将执行以下查询：
    <br>
    SELECT * FROM users WHERE username = 'admin' -- -' and password = '123456'
    <br>
    这里使用了 SQL 语句中的注释符（—），将密码部分查询注释掉，因此上面语句等同于：
    <br>SELECT * FROM users WHERE username = 'admin'
    此时，仅仅通过用户名而不需要密码，我们便可成功登陆一个账号。
    <h3>失效的身份认证</h3>
    身份认证对于 Web 应用程序尤为重要，它是鉴别用户权限并授权的重要依据。但是，由于设计缺陷，许多登陆窗口缺乏验证码机制，导致攻击者可以低成本的对用户口令进行爆破攻击。另一方面，大量存在的弱口令或默认口令使得攻击者可以轻易的猜测出用户的常用口令，窃取用户权限。

    当用户身份得到确定后，通常会使用会话来保持一定时间的权限，避免用户短时间内需要多次重复认证。但是，如果会话 ID 处理不当，有可能导致攻击者获取会话 ID 进行登录。
    <h3>敏感数据泄露</h3>
    一种场景是由于没有进行科学的加密方法，导致敏感数据以明文形式泄露。另一种场景是由于人为的管理不当，导致个人信息、登录凭证泄漏到公网中，常见的敏感数据泄露包括网站备份文件泄露、代码仓库泄露、硬编码凭证于代码中导致的泄露。
    比如，在 Github 中搜索口令或者 API 关键字，可以发现大量私人的凭证直接写在代码中被上传到 Github 仓库中。
    <h3>XML 外部实体</h3>
    从某种意义上说，XXE 也是一种注入攻击。通过利用 XML 处理器对外部实体的处理机制，将用户的外部实体输入代替已定义的实体引用，执行恶意代码。
    <br>一个典型的 XXE 攻击如下所示：
    <br><pre style="margin-left: 2em;"><i class="fa fa-copy"></i><ol class="linenums"><li class="L0"><code class="lang-http"><span class="pln">POST </span><span class="pun">/</span><span class="typ">AjaxSearch</span><span class="pun">.</span><span class="pln">ashx HTTP</span><span class="pun">/</span><span class="lit">1.1</span></code></li><li class="L1"><code class="lang-http"><span class="typ">Host</span><span class="pun">:</span><span class="pln"> test</span><span class="pun">.</span><span class="pln">com</span></code></li><li class="L2"><code class="lang-http"><span class="typ">Content</span><span class="pun">-</span><span class="typ">Type</span><span class="pun">:</span><span class="pln"> text</span><span class="pun">/</span><span class="pln">xml</span><span class="pun">;</span></code></li><li class="L3"><code class="lang-http"></code></li><li class="L4"><code class="lang-http"><span class="pun">&lt;!</span><span class="pln">DOCTYPE foo </span><span class="pun">[</span><span class="pln"> </span><span class="pun">&lt;!</span><span class="pln">ENTITY xxe SYSTEM </span><span class="str">"file:///etc/passwd"</span><span class="pun">&gt;</span><span class="pln"> </span><span class="pun">]&gt;</span></code></li><li class="L5"><code class="lang-http"><span class="str">&lt;c&gt;</span><span class="pun">&amp;</span><span class="pln">xxe</span><span class="pun">&lt;/</span><span class="pln">c</span><span class="pun">&gt;</span></code></li></ol></pre>
    我们创建了一个外部引用文档类型定义去访问一个敏感的系统文件，而这个外部引用会在应用程序中替代已经命名的实体去执行，最终获取到敏感文件，如果这个时候的执行结果会返回给用户，那么用户就可以看到敏感文件中的内容。
    <h3>失效的访问控制</h3>
    如果采用安全的代码框架编写模式，很有可能会造成访问控制失效问题，比如某一个需要用户登录才能访问的主页面，其中的某些功能实现的页面并没有添加权限认证过程，导致虽然攻击者无法访问主页面，但却能够访问到功能页面执行功能函数。
    另一种常见的漏洞就是用户权限跨越，典型的方式是通过明文的 ID 数字来赋予用户权限，攻击者可以修改 ID 号来获取任意用户权限。
    <h3>安全配置错误</h3>
    由于配置疏忽，导致一些额外的信息、账户、文件可以被攻击者获取所导致的漏洞。常见的就是由于配置不当导致的目录遍历。
    <br>使用如下语句在 Google 中可以搜索到可目录遍历的网站，当然，许多网站也使用这种目录遍历的方式提供用户下载服务。
    <br>intitle:index of
    <h3>跨站脚本</h3>
    跨站脚本攻击（XSS）通过插入恶意脚本代码来窃取用户信息，获取用户权限以及配合其他漏洞发动更加复杂的攻击，一个最基本的 XSS 攻击如下所示,恶意脚本在 script 标签内，这一段脚本将会弹出你在当前页面上的 cookie 信息。
    <pre style="margin-left: 2em;"><i class="fa fa-copy"></i><ol class="linenums"><li class="L0"><code class="lang-html"><span class="tag">&lt;script&gt;</span><span class="pln">alert</span><span class="pun">(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">cookie</span><span class="pun">)</span><span class="tag">&lt;/script&gt;</span></code></li></ol></pre>
    XSS 漏洞根据表现形式的不同，主要有以下三种类型。
    <h3>反射型 XSS</h3>
    有时，开发者会将一些用户可控的输入返回到网页中，如果返回的位置能够插入脚本语言或者触发事件，就存在反射型 XSS，通常攻击者发动这类攻击时需要受害者进行交互，因此这种攻击存在一定的局限性。
    <h3>存储型 XSS</h3>
    存储型 XSS 是指当页面从持久化存储中读取内容并显示时，如果攻击者能够将 XSS 攻击代码写入持久化存储中，那么当任意用户访问漏洞页面时，都将触发恶意代码，因此，这种攻击具有更加严重的风险。
    <h3>DOM 型 XSS</h3>
    DOM 型 XSS 是由于攻击者可控的内容被加入到了正常的 JS 的框架或者 API 中导致的漏洞。
    <h3>不安全的反序列化</h3>
    序列化是一种数据对象传递手段，在传递数据值的同时保留了数据的结构属性。但是，如果在数据传递过程中处理不当，导致用户可控序列数据，在数据反序列化过程中就有可能造成命令执行或者越权行为。由于包括 Java、Python、PHP 等在内的语言都包含序列化和反序列化功能，根据不同的语言特性，利用方法有细微差距。
    <h3>使用含有已知漏洞的组件</h3>
    供应链安全是比较热门的话题，由于许多开源库被广泛用于各大社区、商业软件中，同时有部分的开源库并未得到有效维护，由此带来的供应链安全导致许多用户范围很广的软件存在着隐患。
    <br>
    当 0 day 漏洞公布后，一些场景无法及时的打补丁，也会使自身容易被攻击者利用。
    <h3>不足的日志记录和监控</h3>
    对系统、服务日志的有效监控会增加攻击者的入侵成本，因此，及时有效的日志记录、日志审计也应该是安全建设的重要环节。
    <br>
    需要强调的是，有时不足的日志记录方式还会产生严重的漏洞利用点，有可能被攻击者用来传递 Webshell。
    <h3>参考资料</h3>
    <ul>
      <li style="margin-left: 2em;"><a href="http://www.owasp.org.cn/owasp-project/2017-owasp-top-10" target="_blank">2017-owasp-top-10</a></li>
      <li style="margin-left: 2em;">《黑客攻防技术宝典 - Web 实战篇》</li>
    </ul>
    <el-divider></el-divider>
    <div class="bottom-container">
      <h3>下面哪个选项不是注入？</h3>
      <el-radio-group v-model="radio">
        <el-radio :label="1">SQL 注入</el-radio>
        <el-radio :label="2">系统命令注入</el-radio>
        <el-radio :label="3">脚本注入</el-radio>
        <el-radio :label="4">服务端模板注入</el-radio>
        <el-button type="primary" plain :disabled="isButtonDisabled" @click="check(radio)">检查</el-button>
      </el-radio-group>
    </div>
    <el-divider></el-divider>

  </div>
</template>

<style scoped>

</style>